<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>服务-Digitallab</title>
    <link rel="icon" href="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/cropped-LOGO-32x32.png" sizes="32x32">
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- animate.css -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 页面独立的 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />
</head>

<body>
    <!-- 导航 -->
    <div id="headers">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand logo" href="#"><img
                                src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/LOGO.png"
                                alt="" /></a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="./home.html">首页</a></li>
                            <li><a href="./about.html">关于</a></li>
                            <li><a href="./services.html">服务</a></li>
                            <li><a href="./blog.html">博客</a></li>
                            <li><a href="./conract.html">联系</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div>
            </div><!-- /.container-fluid -->
        </nav>
    </div>
    <!-- 服务 -->
    <div id="services">
        <div class="top">
            <div class="top-t1">
                <div class="title">
                    <h1>服务</h1>
                </div>
                <div class="text">
                    <p>与普遍的看法相反，洛雷姆·伊普苏姆不仅仅是随机文本。它的根源在于一件作品。</p>
                </div>
                <div class="more">
                    <a href="#">发现更多</a>
                </div>
                <div class="bg">
                    <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-148.png" alt=""/>
                </div>
                <div class="to1">
                    <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/MicrosoftTeams-image-7.png" alt=""/>
                </div>
                <div class="to2"></div>
                <div class="to3"></div>
            </div>
        </div>
        <div class="bottom">
            <div class="title">
                <h1>我们的服务</h1>
            </div>
            <div class="text">
                洛雷姆·伊普苏姆的段落有许多变体，但大多数都因注入幽默而遭受了某种形式的改变。
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-150.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">支持和维护</a>
                </div>
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/s1-1.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">平面设计</a>
                </div>
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-21.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">营销分析</a>
                </div>
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-1.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">瑞联大楼</a>
                </div>
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-20.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">社交媒体营销</a>
                </div>
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-15-1.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">网站开发</a>
                </div>
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-16-2-1.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">网页设计</a>
                </div>
            </div>
            <div class="item">
                <div class="img">
                    <a href="#">
                       <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/s1.png" alt=""/> 
                    </a>
                </div>
                <div class="text">
                    <a href="#">搜狐</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="top">
            <div class="logo">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/LOGO.png" alt=""/>
            </div>
            <div class="text">
                洛雷姆·伊普苏姆·多洛尔坐拥，一致同意精英。Ut elit tellus， luctus nec ullamcorper mattis， pulvinar dapibus leo.
            </div>
        </div>
        <div class="bottom1">
            <div class="one">
                <div class="title">
                    重要链接
                </div>
                <div class="bottom">
                    <p><a href="./home.html">首页</a></p>
                    <p><a href="./about.html">关于我们</a></p>
                    <p><a href="./services.html">服务</a></p>
                    <p><a href="./blog.html">博客</a></p>
                    <p><a href="./conract.html">联系我们</a></p>
                </div>
            </div>
            <div class="one">
                <div class="title">
                    特色服务
                </div>
                <div class="bottom">
                    <p><a href="#">战略与研究</a></p>
                    <p><a href="#">网站设计</a></p>
                    <p><a href="#">研究与开发</a></p>
                    <p><a href="#">营销分析</a></p>
                </div>
            </div>
            <div class="contact">
                <div class="title">
                    联系我们
                </div>
                <div class="lx">
                    <div class="icon">
                        <svg t="1664042809195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3489" width="22" height="22"><path d="M511.913993 63.989249C317.882076 63.989249 159.973123 221.898203 159.973123 415.930119c0 187.323366 315.473879 519.998656 328.890979 534.103813 6.020494 6.364522 14.449185 9.976818 23.221905 9.976818 0.172014 0 0.516042 0 0.688056 0 8.944734 0 17.545439-4.128339 23.393919-11.008903l109.22896-125.054258c145.179909-177.690576 218.629934-314.957836 218.629934-407.845456C864.026877 221.898203 706.117924 63.989249 511.913993 63.989249zM511.913993 575.903242c-88.415253 0-159.973123-71.55787-159.973123-159.973123s71.55787-159.973123 159.973123-159.973123 159.973123 71.55787 159.973123 159.973123S600.329246 575.903242 511.913993 575.903242z" p-id="3490" fill="#cb3235"></path></svg>
                    </div>
                    <div class="text">
                        111国王街，墨尔本LIC 33333，道尔斯
                    </div>
                </div>
                <div class="lx">
                    <div class="icon">
                        <svg t="1664042893780" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4718" width="22" height="22"><path d="M282.4 460C344 580.8 443.2 680 564 741.6L657.6 648c11.2-11.2 28.8-15.2 43.2-10.4 48 16 100 24 152.8 24 23.2 0 42.4 19.2 42.4 42.4v148.8c0 23.2-19.2 42.4-42.4 42.4C452.8 896 128 571.2 128 170.4c0-23.2 19.2-42.4 42.4-42.4H320c23.2 0 42.4 18.4 42.4 41.6 0 53.6 8.8 104.8 24 152.8 4.8 15.2 1.6 31.2-10.4 43.2L282.4 460z" p-id="4719" fill="#cb3235"></path></svg>
                    </div>
                    <div class="text">
                        +1 (888) 123-7777
                    </div>
                </div>
                <div class="lx">
                    <div class="icon">
                        <svg t="1664042960885" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5827" width="22" height="22"><path d="M512 481.28L940.373333 158.72c-13.653333-6.826667-29.013333-11.946667-44.373333-11.946667h-768c-15.36 0-29.013333 3.413333-42.666667 10.24l426.666667 324.266667z" fill="#cb3235" p-id="5828"></path><path d="M527.36 532.48c-5.12 3.413333-10.24 5.12-15.36 5.12-5.12 0-10.24-1.706667-15.36-5.12L47.786667 192.853333c-8.533333 13.653333-13.653333 30.72-13.653334 47.786667v542.72c0 51.2 42.666667 93.866667 93.866667 93.866667h768c51.2 0 93.866667-42.666667 93.866667-93.866667V240.64c0-17.066667-5.12-32.426667-11.946667-46.08L527.36 532.48z" fill="#cb3235" p-id="5829"></path></svg>
                    </div>
                    <div class="text">
                        info@admin.com
                    </div>
                </div>
            </div>
        </div>
        <div class="rows">
        </div>
        <div class="number">
            <p>
                @版权所有数字实验室2022。
            </p>
        </div>
    </div>

</body>

</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!--  .js -->
<script src="./assets/js/ .min.repeat.js"></script>